<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta charset="UTF-8">
    <title>Hello 404!.</title>
    <link rel="stylesheet" href="./main.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_666204_9eir79vdjt4.css">
</head>

<body>
    <div id="app">
        <div id="screen">
            <div id="scene">
                <div class="side front" data-transform="translateZ(-500px)">
                    <div class="main">
                        <div class="title">404 - Not found!</div>
                        <div class="tips">
                            你访问的资源没有找到,你可以尝试访问这边的一些推荐服务
                        </div>
                    </div>
                    <div class="copyright">eveningwater.com</div>
                </div>
                <div class="side right" data-transform="rotateY(-90deg) translateZ(-500px)">
                    <div class="main">
                        <div class="link" data-url="https://gitee.com/eveningwater">
                            <i class="iconfont icon-gitee"></i>
                            Gitee.com/eveningwater
                        </div>
                    </div>
                </div>
                <div class="side left" data-transform="rotateY(90deg)  translateZ(-500px)">
                    <div class="main">
                        <div class="link" data-url="https://github.com/eveningwater">
                            <i class="iconfont icon-github"></i>
                            Github.com/eveningwater
                        </div>
                    </div>
                </div>
                <div class="side back" data-transform="rotateY(180deg) translateZ(-500px)">
                    <div class="main">
                        <div class="link" data-url="https://www.eveningwater.com/my-web-projects/">
                            <img src="./images/me.png" />
                        </div>
                    </div>
                </div>
                <div class="side top" data-transform="rotateX(-90deg) translateZ(-300px)"></div>
                <div class="side bottom" data-transform="rotateX(90deg) translateZ(-300px)">
                    <div class="footer">
                        <div class="text">eveningwater.com</div>
                        <div class="copyright">@copyright eveningwater</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./three.js"></script>
<script src="./init.js"></script>

</html>